<template>
  <div>
    <Portlet class="show" title="订单信息">
      <!--<el-button type="primary" slot="tools" @click.prevent="toEdit">编辑</el-button>-->

      <el-form label-position="left" label-width="120px">
        <el-row>
          <el-col :lg="6" :md="12" >
            <el-form-item label="关联订单：">
              <span>{{chOrderService.orderNo}}</span>
            </el-form-item>
          </el-col>
          <el-col  :lg="6" :md="12">
            <el-form-item label="出库单号：">
              <span>{{chOrderService.outWarehouseNo}}</span>
            </el-form-item>
          </el-col>
          <el-col  :lg="6" :md="12" >
            <el-form-item label="商家名称：">
              <span>{{ chOrderService.cargoOwner }}</span>
            </el-form-item>
          </el-col>
          <el-col :lg="6" :md="12" >
            <el-form-item label="出库仓：">
              <span>{{chOrderService.warehouse}}</span>
            </el-form-item>
          </el-col>
          <el-col  :lg="6" :md="12">
            <el-form-item label="出库单类型：">
              <span>{{chOrderService.orderType | filterDataBaseDictionary}}</span>
            </el-form-item>
          </el-col>
          <el-col :lg="6" :md="12">
            <el-form-item label="仓储类型：">
              <span>{{chOrderService.outTypeCode | filterDataBaseDictionary}}</span>
            </el-form-item>
          </el-col>
          <el-col :lg="6" :md="12" v-if="state == 1">
            <el-form-item label="生成时间：">
              <span>{{ chOrderService.foundDate | unixTimestampFilter('YYYY-MM-DD HH:mm') }}</span>
            </el-form-item>
          </el-col>
          <el-col :lg="6" :md="12" v-if="state == 2">
            <el-form-item label="分配人：">
              <span>{{ chOrderService.distributionUserName }}</span>
            </el-form-item>
          </el-col>
          <el-col :lg="6" :md="12" v-if="state == 2">
            <el-form-item label="分配时间：">
              <span>{{ chOrderService.distributionDate | unixTimestampFilter('YYYY-MM-DD HH:mm') }}</span>
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>

    </Portlet>
    <Portlet class="show" title="客户信息">

      <el-form label-position="left" label-width="120px">
        <el-row>
          <el-col :lg="6" :md="12" >
            <el-form-item label="客户姓名：">
              <span>{{ chOrderConsigneeInfo.consigneName }}</span>
            </el-form-item>
          </el-col>
          <el-col  :lg="6" :md="12">
            <el-form-item label="客户电话：">
              <span>{{ chOrderConsigneeInfo.consignePhone }}</span>
            </el-form-item>
          </el-col>
          <el-col  :lg="12" :md="12" >
            <el-form-item label="客户地址：">
              <span>{{ chOrderConsigneeInfo.consigneProvince }} {{ chOrderConsigneeInfo.consigneCity }} {{ chOrderConsigneeInfo.consigneDistrict }} {{ chOrderConsigneeInfo.consigneAddress }}</span>
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>

    </Portlet>
  </div>
</template>
<script>
// import {dotData} from '@/utils'
import {filterDataBaseDictionary} from '@/filters'
export default {
  props: {
    chOrderService: {
      type: Object,
      default() {
        return {}
      }
    },
    chOrderConsigneeInfo: {
      type: Object,
      default() {
        return {}
      }
    },
    webName: {
      type: String,
      default: ''
    },
    state: {
      type: [String, Number],
      default: ''
    }
  },
  data() {
    return {
      // model: {}
    }
  },
  methods: {
    filterDataBaseDictionary
  }
}
</script>
